{% extends "main.tpl" %}
{% block stylesheets %}
	<!-- Additional styles -->
	<link rel="stylesheet" href="{{ stylesheet_path }}styles/form.css?v=1">
	<link rel="stylesheet" href="{{ stylesheet_path }}styles/switches.css?v=1">
	<link rel="stylesheet" href="{{ javascript_path }}libs/formvalidator/developr.validationEngine.css">
{% endblock %}
{% block content_title %}Edit group{% endblock %}
{% block content %}
<form action="{{ cms_url('users/edit_group') }}/{{ group.id }}" method="post" class="validateform">
<input type="hidden" name="{{ csrf_token }}" value="{{ csrf_hash }}" />
		<div class="with-padding">
			<div class="columns">
                <div class="twelve-columns twelve-columns-tablet">
    
            
    					
                        <fieldset class="fieldset fields-list">                        
                            <div class="field-block button-height">
                                <label for="username" class="label"><b>Name</b></label>
                                <input type="text" name="name" id="name" value="{{ group.name }}" class="input validate[required,custom[onlyLetterSp],min[3],max[10]">
                            </div>
                            
                            <div class="field-block button-height">
                                <label for="password" class="label"><b>Description</b></label>
                                <input type="password"  name="desc" id="desc" value="{{ group.description }}" class="input validate[min[6],max[20]]">
                            </div>
                            
                            
                            <div class="field-block button-height">
    
                                <button type="submit" class="button glossy mid-margin-right">
                                    <span class="button-icon"><span class="icon-tick"></span></span>
                                    Save
                                </button>
    
                            </div>
                        </fieldset>
    
                    </div>
                    
                    
                 
           
			</div>
		</div>
 </form>
{% endblock %}
{% block javascripts %}


	<!-- Template functions -->
	<script src="{{ javascript_path }}developr.input.js"></script>
	<script src="{{ javascript_path }}developr.navigable.js"></script>
	<script src="{{ javascript_path }}developr.notify.js"></script>
	<script src="{{ javascript_path }}developr.scroll.js"></script>
	<script src="{{ javascript_path }}developr.tooltip.js"></script>
	<script src="{{ javascript_path }}libs/formvalidator/jquery.validationEngine.js"></script>
	<script src="{{ javascript_path }}libs/formvalidator/languages/jquery.validationEngine-en.js"></script>
    
    <script>
	$(document).ready(function(){
		$(".validateform").validationEngine();
	   });
	</script>
	<script>

		// Call template init (optional, but faster if called manually)
		$.template.init();

		// Tooltip menu
		$(document).ready(function()
		{
			$('#select-tooltip').menuTooltip($('#select-context').hide(), {
				classes: ['no-padding']
			});
		});

	</script>
{% endblock %}

</body>
</html>